@charset "GB2312";
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    header {
        width: 96%;
        margin: auto
    }
}

@media screen and (min-width: 960px) and (max-width: 1023px) {
    header {
        width: 96%;
        margin: auto
    }

    article {
        width: 96%
    }

    nav {
        width: 96%
    }

    #starlist li {
        padding-left: 20px
    }

    .tuijian, .guanzhu {
        width: 270px
    }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    header {
        width: 96%;
        margin: auto
    }

    article {
        width: 96%
    }

    nav {
        width: 96%
    }

    #starlist li {
        padding-left: 15px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    header {
        width: 96%;
        margin: auto
    }

    article {
        width: 96%
    }

    .logo {
        width: 100%
    }

    nav {
        width: 100%;
        position: relative
    }

    #starlist {
        display: none;
        background: rgba(255, 255, 255, 1)
    }

    #starlist li {
        display: block;
        width: 50%;
        padding: 0
    }

    #mnavh {
        position: absolute;
        display: block;
        top: 8px;
        right: 10px
    }

    .l_box {
        display: none
    }

    .r_box, .infosbox {
        width: 100%
    }
}

@media only screen and (max-width: 479px) {
    header {
        width: 96%;
        margin: auto
    }

    article {
        width: 100%
    }

    .logo {
        width: 100%
    }

    nav {
        width: 100%;
        position: relative
    }

    #starlist {
        display: none;
        background: rgba(255, 255, 255, 1)
    }

    #starlist li {
        display: block;
        width: 50%;
        padding: 0
    }

    #mnavh {
        position: absolute;
        display: block;
        top: 8px;
        right: 10px
    }

    .l_box {
        display: none
    }

    .r_box, .infosbox {
        width: 100%
    }

    .lmname, .view {
        display: none
    }

    .r_box li i {
        float: none;
        margin: 0 auto 20px;
        width: 100%;
        max-height: 150px
    }
}